import { computed, defineComponent, ref } from 'vue';
import BoundaryLinks from './BoundaryLinks.vue';
import BoundaryNumbers from './BoundaryNumbers.vue';
import BtnDesign from './BtnDesign.vue';
import BtnGutter from './BtnGutter.vue';
import DirectionLinks from './DirectionLinks.vue';
import Ellipses from './Ellipses.vue';
import Icons from './Icons.vue';
import Input from './Input.vue';
import InputColor from './InputColor.vue';
import MaxPages from './MaxPages.vue';
import Standard from './Standard.vue';

export default defineComponent({
  name: 'App',
  props: {},
  emits: [],

  setup(props, { attrs, emit, expose, slots }) {
    expose({});

    return () => {
      return (
        <div class='block'>
          <div class='block-'>
            <h5 class='title'>BoundaryLinks</h5>
            <BoundaryLinks />
          </div>
          <div class='block-'>
            <h5 class='title'>BoundaryNumbers</h5>
            <BoundaryNumbers />
          </div>
          <div class='block-'>
            <h5 class='title'>BtnDesign</h5>
            <BtnDesign />
          </div>
          <div class='block-'>
            <h5 class='title'>BtnGutter</h5>
            <BtnGutter />
          </div>
          <div class='block-'>
            <h5 class='title'>DirectionLinks</h5>
            <DirectionLinks />
          </div>
          <div class='block-'>
            <h5 class='title'>Ellipses</h5>
            <Ellipses />
          </div>
          <div class='block-'>
            <h5 class='title'>Icons</h5>
            <Icons />
          </div>
          <div class='block-'>
            <h5 class='title'>Input</h5>
            <Input />
          </div>
          <div class='block-'>
            <h5 class='title'>InputColor</h5>
            <InputColor />
          </div>
          <div class='block-'>
            <h5 class='title'>MaxPages</h5>
            <MaxPages />
          </div>
          <div class='block-'>
            <h5 class='title'>Standard</h5>
            <Standard />
          </div>
        </div>
      );
    };
  },
});
